/* 第一屏 */

/* 布局：使用定位 ， 动画： 使用位移 */

.screen01 {
    background: url('../images/01-bg.png') no-repeat center bottom;
}

.screen01 .goods {
    text-align: center;
    margin-top: 200px;
}

.screen01 .sofa {
    position: absolute;
    left: 230px;
    top: 150px;
    animation: sofa 1s linear infinite alternate;
}

.screen01 .fly {
    position: absolute;
    right: -50px;
    top: 10px;
    /* 调用动画 */
    /* animation: name duration timing-function delay iteration-count direction fill-mode; */
    animation: fly01 1s linear infinite alternate;
    /* 无穷次 逆播放*/
}

/* 第一屏动画 */

/* 定义动画序列 */

@keyframes fly01 {
    from {
        transform: translateY(-30px);
    }
    to {
        transform: translateY(30px);
    }
}

@keyframes sofa {
    from {
        transform: translateY(-20px);
    }
    to {
        transform: translateY(20px);
    }
}

@keyframes more {
    from {
        transform: translateY(-10px);
    }
    to {
        transform: translateY(10px);
    }
}